<div class="form packagingOverviewForm full-height clearfix" id="packagingOverviewForm">
    <div class="ui-layout-west">
        <div class="labels">
            <div class="large block">
                <label>Production order</label>
            </div>
            <div class="block">
                <label>Recipe No.</label>    
            </div>
            <div class="large block">
                <label>Description</label>
            </div>
            <div class="block">
                <label>Start time</label>
            </div>
            <div class="block">
                <label>End time</label>
            </div>
            <div class="large block">
                <label>Notes</label>
            </div>
            <div class="block">
                <label>Modified by</label>
            </div>
            <div class="block">
                <label>Modified date</label>
            </div>
            <div class="block">
                <label>User</label>
            </div>
            <div class="block">
                <label>Attendants</label>
            </div>
            <div class="block">
                <label>Packers</label>
            </div>
            <div class="block">
                <label>Roll code Bin.</label>
            </div>
            <div class="block">
                <label>No mix no mat.</label>
            </div>
            <div class="block">
                <label>Uncounted</label>
            </div>
            <div class="block">
                <label>Changeover</label>
            </div>
        </div>
    </div>
    <div class="ui-layout-center">
        <div class="large wrapper clearfix">
            <textarea style="width:153px;" id="202_productionOrder"></textarea>
            <div class="small text ml select" style="font-size: 19px;text-align: center;padding: 3px 0;">
                <select id="202_shift">
                    <option>1</option>
                    <option>2</option>
                </select>    
                <img src="img/arrow-down-sm.png">
            </div>
            <label class="ml">Shift</label>
            <div class="absolute-top-right">
                <label class="mr">PE[%]</label>
                <input type="text" class="small text" id="202_PE"/>        
            </div>
        </div>
        <div class="wrapper clearfix">
            <div class="medium select">
                <select id="202_recipe">
                </select>    
                <img src="img/arrow-down-sm.png">
            </div>
            <button id="202_material">Material...</button>
            <div class="absolute-top-right">
                <label class="mr">Minutes</label>
                <input type="text" class="small text" id="202_minutes"/>
            </div>
        </div>

        <div class="large wrapper clearfix">
            <textarea id="202_description"></textarea>    
        </div>
        <div class="wrapper clearfix">
            <input type="text" class="large text" id="202_startTime"/>    
            <div class="absolute-top-right">
                <label class="mr">Speed</label>
                <input type="text" class="small text" id="202_speed"/>        
            </div>
        </div>
        <div class="wrapper clearfix">
            <input type="text" class="text" style="width: 71px;" id="202_endTime"/>
            <label style="margin-left:15px;">Line</label>
            <div class="small select ml">
                <select id="202_line">
                </select>    
                <img src="img/arrow-down-sm.png">
            </div>
            <div class="absolute-top-right">
                <label class="mr">Actual speed</label>
                <input type="text" class="small text" id="202_actualSpeed"/>        
            </div>
        </div>
        <div class="large wrapper clearfix">
            <textarea id="202_notes"></textarea>    
        </div>
        <div class="wrapper clearfix">
            <input type="text" class="large text" id="202_modifiedBy"/>    
            <div class="absolute-top-right">
                <label class="mr type1">Actual</label>
                <label class="type1">Total</label>
            </div>
        </div>
        <div class="wrapper clearfix">
            <input type="text" class="large text" id="202_modifiedDate"/>
            <div class="absolute-top-right">
                <label class="mr">Pouches</label>
                <input type="text" class="small text ml" id="202_pouches"/>
                <input type="text" class="small text ml" id="202_pouchesTotal"/>    
            </div>
        </div>
        <div class="wrapper clearfix">
            <div class="medium select">
                <select id="202_user">
                </select>    
                <img src="img/arrow-down-sm.png">
            </div>
            <div class="absolute-top-right">
                <label class="mr">Cases</label>
                <input type="text" class="small text ml" id="202_cases"/>
                <input type="text" class="small text ml" id="202_casesTotal"/>    
            </div>
        </div>
        <div class="wrapper clearfix">
            <input type="text" class="large text" id="202_attendants"/>    
            <div class="absolute-top-right">
                <label class="mr">Web</label>
                <input type="text" class="small text ml" id="202_web"/>
                <input type="text" class="small text ml" id="202_webTotal"/>    
            </div>
        </div>
        <div class="wrapper clearfix">
            <input type="text" class="large text" id="202_packers"/>    
            <div class="absolute-top-right">
                <label class="mr">Powder</label>
                <input type="text" class="small text ml" id="202_powder"/>
                <input type="text" class="small text ml" id="202_powderTotal"/>    
            </div>
        </div>
        <div class="wrapper clearfix">
            <input type="text" class="medium text mr" id="202_rollCodeBin"/>    
            <input type="text" class="medium text" id="202_fillingMachine"/>
            <label class="ml">Filling machine</label>
        </div>
        <div class="wrapper clearfix">
            <input type="text" class="medium text mr" id="202_noMixNoMaterial"/>    
            <input type="text" class="medium text" id="202_cartonerWrapper"/>
            <label class="ml">Cartoner machine</label>
        </div>
        <div class="wrapper clearfix">
            <input type="text" class="medium text mr" id="202_uncounted"/>    
            <input type="text" class="medium text" id="202_checkWeigher"/>
            <label class="ml">Check Weigher</label>
        </div>
        <div class="wrapper clearfix">
            <input type="text" class="medium text mr" id="202_changeover"/>    
            <input type="text" class="medium text" id="202_casepacker"/>
            <label class="ml">Casepacker</label>
            <div class="absolute-top-right">
                <label class="mr">Alarms duration</label>
                <input type="text" class="small text" id="202_alarmsDuration"/>        
            </div>
        </div>
        <div class="wrapper clearfix">
            <div style="width:100%; height: 25px;"></div>
        </div>
    </div>
    <div class="absolute-bottom-right">
        <button>Add new</button>    
        <button>Delete</button>    
        <button>Save</button>    
        <button>Cancel</button>    
    </div>
</div>
